<template>
  <div>
    <van-nav-bar title="审批单">
      <template #left>
        <van-icon @click="$router.go(-1)" name="arrow-left" size="18" style="marginRight:14px"/>
      </template>
      <template #right>
        <van-icon @click="$router.go(-2)" name="cross" size="18" />
      </template>
    </van-nav-bar>
    <div class="card">
      <van-row>
        <van-col span="6">
          <van-icon name="tosend" color='#ff6633' size="18"/>
          打卡时间
        </van-col>
      </van-row>
      <van-divider/>
      <van-row type="flex" justify="space-between">
        <van-col span="10">上班时间：08：59</van-col>
        <van-col span="4">
          <van-tag round size="medium" type="success">正常</van-tag>
        </van-col>
      </van-row>
      <van-divider/>
      <van-row type="flex" justify="space-between">
        <van-col span="10">下班时间：18：10</van-col>
        <van-col span="4">
          <van-tag round size="medium" type="success">正常</van-tag>
        </van-col>
      </van-row>
    </div>
    <div class="card" style="marginTop:14px">
      <van-row type="flex" justify="space-between">
        <van-col span="6">
          <van-icon name="orders-o" color='#ff6633' size="18"/>
          服务项目
        </van-col>
        <van-col span="13" class="toptic_color">
          注：总工时不能超过8个小时
        </van-col>
      </van-row>
      <van-divider/>
      <van-row>
        <van-col span="6">
          <van-icon name="stop" color="#07c160" size="22"/> 里程碑
        </van-col>
      </van-row>
      <van-divider/>
      <van-row style="marginBottom:20px">
        <van-col span="6">
          <van-icon name="orders-o" color='#ff6633' size="18"/>
          打卡说明
        </van-col>
      </van-row>
      <van-row>
        <van-col span="6">上午打卡说明</van-col>
      </van-row>
      <van-row>
        <van-col span="24">
          <input disabled class="input"/>
        </van-col>
      </van-row>
      <van-row>
        <van-col span="6">下午打卡说明</van-col>
      </van-row>
      <van-row>
        <van-col span="24">
          <input disabled value="下班" class="input"/>
        </van-col>
      </van-row>
    </div>
  </div>
</template>
<script>
export default {
  name: 'ApprovalForm',
  data () {
    return {}
  }
}
</script>
<style lang="less" scoped>
.card{
  background-color: #fff;
  padding: .875rem;
}
.van-row{
  font-size: .875rem;
}
.input{
  width: 90%;
  height:2.25rem;
  margin: .875rem 0;
}
</style>
